<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/resources/common/commonTaglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 导入资源文件 -->
<%@include file="/resources/common/commonJs.jsp" %>
<%@include file="/resources/common/commonCss.jsp" %>
<style type="text/css">
html,body{margin: 0;padding: 0;height: 100%;font-family: "微软雅黑";font-size: 9pt;}
.header{background-image: -moz-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(55,139,211) 1%, rgb(48,200,202) 100%);
  width: 100%;
  height: 62px;}
.logo_text {
  font-size: 24px;
  color: rgb(255, 255, 255);
  line-height: 62px;
  padding-left: 20px;
  float:left;
}
.ct {
  background-image: -moz-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(158,1,192) 7%, rgb(1,60,182) 25%, rgb(1,171,57) 43%, rgb(252,167,4) 75%, rgb(199,15,2) 100%);
  width: 100%;
  height: 6px;
}
.header .btn-container{float: right;position: relative;top: 50%;transform: translateY(-50%);}
.header .btn-container img{margin-right: 20px;}
</style>
<script type="text/javascript">

</script>
<title>教师主页面</title>
<script type="text/javascript">

var iframeSrcArr = [
      '',
      '${path}/busSchedule/busSceduleIndex',
      '${path}/busBespeak/busBespeaTeacherkList/${sessionUser.id}'
    ];

$(function() {
	$('#mainContent').css({'height': $(window).height()+'px', 'width': $(window).width()+'px'});
	//点击左侧菜单进行切换
	$('#meunUl').find('li').click(function() {
		$('#meunUl').find('li').removeClass('active');
		$(this).addClass('active');
		var $liIndex = $(this).index();
		$('#rightFrame').attr('src', iframeSrcArr[$liIndex]);
	});
})
</script>
</head>
<body>
<div id="mainContent">
	<!-- header页面 -->
	<div class="header">
		<div class="logo_text" onclick="javascript:window.location.href='${path}'" style="cursor: pointer;">XX大学校车调度系统</div>
		<div class="btn-container">
			<a href="javascript:;" class="person" onclick="userInfo()"><img title="个人信息" src="${path }/resources/images/user.png"></a>
			<a href="javascript:void(0);" onclick="logOut()"><img title="退出" src="${path }/resources/images/exit.png"></a>
		</div>
	</div>
	<div class="ct"></div>
	<div style="width: 100%; height: 83%">
		<!-- 左侧菜单列表 -->
		<div style="float: left; width: 20%; height: 100%; margin-top: 5px; background-color: #ECECEC; font-size: 18px; font-weight: bold;">
		<ul id="meunUl" class="nav nav-primary nav-stacked" style="width: 90%; margin-left: 5%;">
			<li class="active"><a href="javascript:;">首页</a></li>
			<li><a href="javascript:;">校车预约</a></li>
			<li><a href="javascript:;">预约记录</a></li>
		</ul>
		</div>
		<!-- 右侧内容区域 -->
		<div style="width: 80%; float: left; height: 100%;">
			<iframe name="rightFrame"
					id="rightFrame"
					src="${path }/managerDefault"
					width="100%"
					height="100%"
					frameborder="0"
				></iframe>
		</div>
	</div>
	<div style="width: 100%; height: 5%">
	</div>
</div>
</body>
</html>